import { createRouter, createWebHistory } from 'vue-router'
import Discover from '@/views/discover.vue'
import PlaylistDeatils from '@/views/playlistDeatils.vue'
import loginVue from '@/views/login.vue'
import phoneVue from '@/views/phone.vue'
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      redirect: '/login',
     
    },

    {
      path: '/discover',
      name: 'discover',
      component: Discover,
      meta:{
        footerShow:true

      }
    },
    {
      path: '/playlistDeatils',
      name: 'PlaylistDeatils',
      component: PlaylistDeatils,
      meta:{
        footerShow:true

      }
    },
    {
      path: '/login',
      name: 'login',
      component: loginVue
      ,
      meta:{
        footerShow:false

      }
    },
    {
      path:'/phone',
      name: 'phone',
      component:phoneVue,
      meta:{
        footerShow:false

      }
    },
  ]
})

export default router
